<template>
    <div style="position:relative">
        <Form :model="formItem" :label-width="150" label-position="right">
            <Card :bordered="false" class="card-box">
                <p slot="title">积分规则</p>

                <p style="color:red;height:40px"> * 注：以下所有表单项均为 正数加分，负数减分</p>

                <div class="content-box">
                    <FormItem label="社区巡店：">
                        每次获得积分 <Input v-model="formItem.community_patrol" :class="{'my-warning':formItem.community_patrol < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="未完成社区巡店：">
                        每次获得积分 <Input v-model="formItem.no_community_patrol" :class="{'my-warning':formItem.no_community_patrol < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="日常巡店：">
                        每次获得积分 <Input v-model="formItem.day_patrol" :class="{'my-warning':formItem.day_patrol < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="创建事项：">
                        每次获得积分 <Input v-model="formItem.create_matter" :class="{'my-warning':formItem.create_matter < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="参与事项流转：">
                        每次获得积分 <Input v-model="formItem.join_matter" :class="{'my-warning':formItem.join_matter < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="事项流转过程中超时：">
                        每次获得积分 <Input v-model="formItem.out_time_matter" :class="{'my-warning':formItem.out_time_matter < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="批复抄送：">
                        每次获得积分 <Input v-model="formItem.reply_copy" :class="{'my-warning':formItem.reply_copy < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="发布推广工作：">
                        每次获得积分 <Input v-model="formItem.release_extend" :class="{'my-warning':formItem.release_extend < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="推广工作未完成：">
                        每次获得积分 <Input v-model="formItem.no_release_extend" :class="{'my-warning':formItem.no_release_extend < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="发布工作日志：">
                        每次获得积分 <Input v-model="formItem.release_daily" :class="{'my-warning':formItem.release_daily < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="发布活动开展：">
                        每次获得积分 <Input v-model="formItem.release_active" :class="{'my-warning':formItem.release_active < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="发布通知公告：">
                        每次获得积分 <Input v-model="formItem.release_notice" :class="{'my-warning':formItem.release_notice < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="发布每日数据：">
                        每次获得积分 <Input v-model="formItem.release_data" :class="{'my-warning':formItem.release_data < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="发布日记账：">
                        每次获得积分 <Input v-model="formItem.release_account" :class="{'my-warning':formItem.release_account < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="发布工作圈：">
                        每次获得积分 <Input v-model="formItem.release_circle" :class="{'my-warning':formItem.release_circle < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="工作圈点赞：">
                        每次获得积分 <Input v-model="formItem.circle_thumbs" :class="{'my-warning':formItem.circle_thumbs < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="工作圈被点赞：">
                        每次获得积分 <Input v-model="formItem.circle_be_thumbs" :class="{'my-warning':formItem.circle_be_thumbs < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="工作圈评论：">
                        每次获得积分 <Input v-model="formItem.circle_comment" :class="{'my-warning':formItem.circle_comment < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="工作圈被评论：">
                        每次获得积分 <Input v-model="formItem.circle_be_comment" :class="{'my-warning':formItem.circle_be_comment < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="小课堂正确答题：">
                        每次获得积分 <Input v-model="formItem.class_learn" :class="{'my-warning':formItem.class_learn < 0}" class="FormItemInput"></Input> 分
                    </FormItem>

                    <FormItem label="写备忘录：">
                        每次获得积分 <Input v-model="formItem.write_remark" :class="{'my-warning':formItem.write_remark < 0}" class="FormItemInput"></Input> 分
                    </FormItem>
                </div>

                <Button type="primary" :disabled=" role > 2 " class="sure_btn" @click="save">保存</Button>
            </Card>
        </Form>
        <Spin size="large" fix v-if="loading"></Spin>
    </div>
</template>

<script>
    import axios from '@/libs/api.request'
    import {
        mapGetters
    } from 'vuex'
    export default {
        // name: 'integral-page-set',
        data() {
            return {
                loading: false,

                formItem: {}
            }
        },
        methods: {
            ...mapGetters(['getRole']),
            // 获取积分设置
            getIntegralSet() {
                this.loading = true
                axios.ajax_post('admin-conf-ajax_get_integral', {}).then((res) => {
                    this.loading = false
                    if (res.data.code == 1) {
                        this.formItem = res.data.data.integral_info.integral
                    } else {
                        this.$Notice.error({
                            title: res.data.msg,
                            duration: 3
                        })
                    }
                })
            },

            save() {
                if (this.role > 2) return false

                let data = {
                    integral: this.formItem
                }
                axios.ajax_post('admin-conf-ajax_save_integral', data).then((res) => {
                    if (res.data.code == 1) {
                        this.$Notice.success({
                            title: res.data.msg,
                            duration: 3
                        })
                        this.getIntegralSet()
                    } else {
                        this.$Notice.error({
                            title: res.data.msg,
                            duration: 3
                        })
                    }
                })
            }
        },
        computed: {
            role() {
                return this.getRole()
            }
        },
        created() {
            this.getIntegralSet()
        }
    }
</script>

<style lang='less' scoped>
    .FormItemInput {
        width: 10vw;
    }

    .sure_btn {
        display: block;
        width: 10vw;
        margin: 30px auto 0;
    }

    .card-box {
        background: #fff;
        padding: 20px;
        width: 100%;

        .content-box {
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;

            .ivu-form-item {
                margin-right: 80px;
            }
        }
    }
</style>